<!DOCTYPE html>
<html>
  <head>
    <meta charset="UTF-8" />
    <link rel="stylesheet" href="./grid.css" />
    <style>
      .grid {
        height: 300px;
        grid-template-columns: [first] 50px [line2] 50px [line3] 1fr [col4-start] 50px [five] 50px [end];
        grid-template-rows: [row1-start] 50px [row1-end] 100px [third-line] 1fr [last-line];
        background-color: red;
      }
      .item-a {
        grid-column-start: 2;
        grid-column-end: five;
        grid-row-start: row1-start;
        grid-row-end: 3;
        background-color: orange;
      }
    </style>
  </head>
  <body>
    <section class="grid">
      <div class="item-a">item-a</div>
    </section>
  </body>
</html>
